<script lang="ts" setup>
	import BasicButton from '@/components/BasicButton/index.vue';
	import AppProvider from '@/components/AppProvider/index.vue';

	const router = useRouter();

	const jump1 = () => {
		router.push({ path: '/pagesA/list/test1/index', query: { key: 'word', page: '1', limit: '15' } });
	};
	const jump2 = () => {
		router.push('/pagesA/list/test2/index?id=256');
	};
	const jump3 = () => {
		router.push('/pagesB/detail/index?page=1&limit=20');
	};
</script>

<template>
	<AppProvider>
		<view class="container"> Master Demo </view>
		<view class="_u_flex-col _u_center">
			<BasicButton @click="jump1">无Tab → </BasicButton>
			<BasicButton @click="jump2">无Tab无Title → </BasicButton>
			<BasicButton @click="jump3">无Tab → </BasicButton>
		</view>
	</AppProvider>
</template>

<style lang="scss" scoped>
	.container {
		padding: 128rpx 0;
		text-align: center;
	}
</style>